body,html{
	height: 100%;
}
body{
	font:400 .7rem/1.5 -apple-system,Helvetica,Arial,Tahoma,"PingFang SC","Hiragino Sans GB","Lantinghei SC","Microsoft YaHei",sans-serif
	background: #FFFFFF;
}
@media screen and (min-width:240px) {
	html,body {
	font-size:10px
	}
}
@media screen and (min-width:320px) {
	html,body {
	font-size:13px;
	}
}
@media screen and (min-width:345px) {
	html,body {
	font-size:15px;
	}
}
@media screen and (min-width:375px) {
	html,body {
	font-size:16px
	}
}
@media screen and (min-width:445px) {
	html,body {
	font-size:19px
	}
}
@media screen and (min-width:480px) {
	html,body {
	font-size:20px
	}
}
@media screen and (min-width:560px) {
	html,body {
	font-size:24px
	}
}
@media screen and (min-width:640px) {
	html,body {
	font-size:27px
	}
}
@media screen and (min-width:720px) {
	html,body { 
	font-size:30px;
	}
}
@media screen and (min-width:750px) {
	html,body { 
	font-size:32px
	}
}
@media screen and (min-width:800px) {
	html,body {
	font-size:34px
	}
}
@media screen and (min-width:1024px) {
	html,body {
	font-size:20px
	}
}
em{
	font-style: normal;
}
.font-size10{
	font-size: 0.666rem;
}
.font-size13{
	font-size: 0.866rem;
}
.font-size15{
	font-size: 1rem;
}
.font-size16{
	font-size: 1.066rem;
}
.font-size19{
	font-size: 1.266rem;
}
.left{
	float: left;
}
.right{
	float: right;
}
.b{
	font-weight: bold;
}
.block{
	display: block;
}
/*公共头部样式*/ 
.mui-bar{
	height: 2.812rem;
	background:rgba(247, 247, 247, 0);
	display: flex;
	align-items: center;
}
.mui-bar .mui-title{
	height: 100%;
	line-height: 2.812rem;
}
.mui-bar .mui-icon{
	font-size: 0.968rem;
	color: #087ce9;
	padding-top: ;
}
.mui-bar .mui-title{
	font-size: 1.062rem;
	font-weight: bold;
}
/*引导页*/
.guide .guide-img{
	margin: 5.052rem auto 0;
	width: 53.9%;
	height:6.315rem ;
	background: url("../image/logo.png");
	background-size: 100% 100%;
	display: block;
}
.guide .guide-title p{
	font-size: 1.263rem;
	color: #1dbbd0;
	text-align: center;
	line-height: 1.368rem;
}
.guide .guide-bottom{
	position: absolute;
	bottom: 4.526rem;
	width: 81%;
	left: 50%;
	display: block;
	margin-left: -40.5%;
}
.guide-bottom .mui-left{
	width: 50%;
	display: inline-block;
	float: left;
}
.guide-bottom .mui-left .guide-img-b{
	width: 100%;
	display: block;
	height: 5.157rem;
	margin-bottom:  2rem;
}
.guide .guide-download{
	width: 100%;
}
.guide .guide-img-b .guide-icon{
	display: block;
	margin: 0 auto;
}
.guide .android .guide-img-b .guide-icon{
	height: 5.157rem;
	width: 4.315rem;
	background: url("../image/android.png");
	background-size: 100% 100%;
}
.guide .ios .guide-img-b .guide-icon{
	height: 4.315rem;
	width: 3.736rem;
	background: url("../image/ios.png");
	background-size: 100% 100%;
}
.guide .guide-download .button{
	width: 100%;
	display: inline-block;
	height: 2.631rem;
	line-height: 2.631rem;
	text-align: center;
	color: #FFFFFF;
	font-size:18px;
}
.guide .android .guide-download .button{
	background: #1dbbd0;	
}
.guide .ios .guide-download .button{
	background: #ff698e;	
}
/*商品详情*/
.app{
	height: 100%;
}
.app .app-head,.app .app-select{
	background: #FFFFFF;
}
.app .app-head .app-img{
	height: 14.066rem;
}
.app .app-head .app-head-title{
	background: #FFFFFF;
	border-bottom: 1px solid #EEEEEE;
	padding: 0.933rem 0.666rem;
}
.app-head-title p.font-size15{
	color: #000000;
	line-height: 1.133rem;
}
.app-head-title .title-price{
	display: flex;
	justify-content:space-between;
}
.app-head-title .title-price .payMoney{
	color: #e25269;
}
.app-head-title .title-price .discount{
	font-size:0.933rem;
	color:#d9bfbd ;
	margin-left:0.8rem ;
}
.app-head-title .title-price .mui-btn{
	height:1.2rem;
	font-size: 0.666rem;
	padding: 0;
	margin: 0;
	color: #FFFFFF;
}
.app-head-title .title-price .weekday{
	background: #0bc805;
	width: 4rem;
	margin-right: 0.266rem;
	border: 1px solid #0bc805;
}
.app-head-title .title-price .xianhuo{
	width: 1.866rem;
	background: #ff9b4b;
	border: 1px solid #ff9b4b;
}
.app-head-title .detail-info{
	width: 100%;
	display: flex;
	justify-content: space-between;
	font-size: 0.933rem;
	color: #bbbbbb;
	margin-top: 1.066rem;
}
.detail .app-select{
	margin:0.666rem 0;
	color: #000000;
	height:3rem
}
.mui-table-view{
	height: 100%;
}
.detail .app-select li{
	line-height: 3rem;
}
.mui-table-view-cell{
	height: 100%;
	padding: 0;
}
.mui-table-view-cell > a:not(.mui-btn){
	margin: 0;
}
.mui-table-view::before,.mui-table-view-cell::after,.mui-table-view::after{
	background-color:#FFFFFF
}
.detail .app-select li a,.app-detail .detail-evaluate li a{
	padding-left: 0.666rem;
}
.app-detail{
	padding-top: 0.533rem;
	background: #FFFFFF;
}
.app-detail .detail-evaluate{
	height: 2.666rem;
}
.app-detail .detail-evaluate li{
	height: 100%;
	line-height: 2.666rem;
}

.detail-evaluate em{
	color: #B6B6B6;
}
.app-detail .detail-title{
	padding: 0.33rem 1.066rem;
	
	display: block;

}
.app-detail .detail-title::after{
	clear: both;
	content: "";
	display: block;
	
}
.app-detail .detail-title .company{
	width: 100%;
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.app-detail .detail-title .company .iocon{
	display: inline-block;
	width:2.466rem;
	height: 2rem;
	background: #0062CC;
	margin-right: 0.666rem;
	vertical-align: middle;
}
.app-detail .detail-title .company .col{
	
}
.app-detail .detail-title .company .item-col{
	min-width:1.6rem;
	text-align: center;
	display: inline-block;
	
}
.app-detail .detail-title .company .font-size15,.app-detail .detail-title .company .item-col .font-size15{
	color: #000000;
}.app-detail .detail-title .company .item-col .font-size15{
	height: 1.2rem;
}
.app-detail .detail-title .company .item-col .font-size10{
	color: #DDDDDD;
	text-align: center;
	height: 0.933rem;
}
.app-detail .detail-title .company-sc{
	height: 3.6rem;
	line-height: 3.6rem;
	padding: 0 2rem;
	display: block;
}
.app-detail .detail-title .company-sc .col{
	color: #bdbdbd;
	font-size: 1.066rem;
}
.detail-title .company-sc .sc-list{
	display: flex;
	width: 100%;
	justify-content: space-between;
}
.app-detail .detail-title .company-sc .icon{
	width: 1.4rem;
	height: 1.4rem;
}
.app-detail .detail-dec{
	
}
.app-detail .detail-dec p.font-size16{
	color: #DDDDDD;
	padding-left:0.666rem ;
	line-height: 2.666rem;
	height: 2.666rem;
}
.app-detail .detail-info .tilte-1{
	font-size: 1rem;
	color: #000000;
	padding: 0 0.666rem 0.2rem 0.8rem;
	height: 1.333rem;
}
